
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧水利综合业务管理平台</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <header class="header">
            <h1>智慧水利综合业务管理平台</h1>
            <div class="user-info">
                <span id="username">管理员</span>
                <button id="logout">退出</button>
            </div>
        </header>
        
        <nav class="sidebar">
            <ul>
                <li class="active"><a href="#dashboard">数据看板</a></li>
                <li><a href="#monitoring">监测预警</a></li>
                <li><a href="#equipment">设备管理</a></li>
                <li><a href="#report">报表统计</a></li>
            </ul>
        </nav>
        
        <main class="main-content">
            <section id="dashboard" class="content-section active">
                <h2>数据看板</h2>
                <div class="dashboard-grid">
                    <div class="card water-level">
                        <h3>水位监测</h3>
                        <div class="value" id="water-level">--</div>
                    </div>
                    <div class="card flow-rate">
                        <h3>流量监测</h3>
                        <div class="value" id="flow-rate">--</div>
                    </div>
                    <div class="card weather">
                        <h3>气象信息</h3>
                        <div class="value" id="weather-info">--</div>
                    </div>
                </div>
            </section>
        </main>
    </div>
    
    <script src="js/main.js"></script>
</body>
</html>

